html, body { height: 100%; }
* { margin:0px;padding:0px;font-family:arial;font-size:10px; }

a img { border:0px; }
#site-logo-area { float:left;width:auto;padding:5px; }
#title { font-size:13px;color:white;margin-left:3px; }
#slogan { margin-top:10px;color:white;font-size:25px;float:left; }
#logo { float:left;height:60px;margin:10px;border:1px white solid;}
#language_area a { color:#6D9C01;background:#A9F002;padding:4.5px;float:right;display:block;font-size:15px;width:70px;text-align:center; }
#language_area a:hover { color:black;background:white;padding:4.5px;float:right;display:block;font-size:15px;width:70px;text-align:center; }
.resultmessage a { color:white;font-size:20px; }
div#commandbox { position:fixed;top:137px;left:0px;height:40%;display:none;width:100%;
	padding-bottom:20px;
	filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;}
#commandbox a { color:white;}
	.command { padding:10px;font-size:18px;
	border:none;
	color:#336699;height:100%;width:100%; }
	input { margin:1%;padding:1%;font-family:TrebuchetMS;font-size:15pt; font-weight:bold;border-color:#38E05D; border-style:solid; border-width:1px; color:white;width:95%;}
	.contentbox { padding:20px;color:white;font-size:20px; }
#links ul { clear:both;list-style-type: none; }
#links li a { border-bottom:1px #0776A0 solid;border-right:1px #0776A0 solid;border-left:1px #0776A0 solid;color:white;float:left;font-size:17px;padding:5px; }
#links li a:hover { border-bottom:1px white solid;border-right:1px white solid;border-left:1px white solid;color:white;float:left;font-size:17px;padding:5px; }
#links li { margin-right:20px;float:left;font-size:17px;margin: 5px 5px; }
#links { width:45%;font-size:20px;padding:0px;color:white; }
#m-coloum { float:left;display:block; position:relative;}
/*the two coloums*/
#twitter_ranks { height:100%;float:right;overflow:hidden;top:110px;;width:100%;right:0px;display:none; }
#twitter_ranks_out { position:relative;overflow:hidden;color:#0776A0;padding:10px;display:none;}
#twitter_results { height:100%;float:right;overflow:hidden;top:110px;;width:100%;right:0px; }

textarea.reply { width:95%;height:100px;margin:5px;padding:5px; }
.submit_button { width:30px;padding:10px;background-color:black; }
.tweet_result { border-top:1px white solid;float:right;padding:10px;background-color:#333333;padding:10px;width:90%;font-size:15px;color:white; }
.tweet_result a { font-size:15px;color:#2CC0C6; }
.buttons a { color:White; }
div.buttons { float:right;position:relative;font-size:20px;font:bold;width:93%;	}
div#resultmessage { float:right;}
div#like { font-size:20px;padding:5px;/*background:#FFAA00;*/float:right; }
div#unlike { padding:5px;/*background:#FFD300;*/float:right; }
div#reply { padding:5px;/*background:#FF7400;*/float:right; }
div#time_stamp { padding:5px;/*background:#009999;*/float:right;color:white; }
div#rank { padding:5px;/*background:#DB0058;*/float:right;color:white; }
.tweet_user { margin-right:5px; }


/* THe things for twitter_results*/
#twitter_results ul { list-style-type: none;display:none; } 
#twitter_results li { border: 1px dotted #999;border-width: 1px 0;margin: 5px 0;}
#twitter_results li a { color:#38E05D;display: block;font: bold 120% Arial, Helvetica, sans-serif;padding: 5px;text-decoration: none;}
* html #twitter_results li a {  /* make hover effect work in IE */}
#twitter_results li a:hover { background: #369;color:white; }
#twitter_results a em { color:white;display:block;font: normal 85% Verdana, Helvetica, sans-serif;line-height: 125%;background:transparent; }
#twitter_results a span { color: #99cc00;font: normal 70% Verdana, Helvetica, sans-serif;line-height: 150%; }
#language_area a {}
/* THe things for twitter_rankings*/
#twitter_ranks ul { list-style-type: none;display:none; } 
#twitter_ranks li { font-size:13px;border: 1px dotted #999;border-width: 1px 0;margin: 5px 0;}
#twitter_ranks li a { display: block;font: bold 120% Arial, Helvetica, sans-serif;padding: 5px;text-decoration: none;}
* html #twitter_ranks li a {  /* make hover effect work in IE */}
#twitter_ranks li a:hover { background:#C99;color:white; }
#twitter_ranks a em { color:white;display:block;font: normal 85% Verdana, Helvetica, sans-serif;line-height: 125%;background:transparent; }
#twitter_ranks a span { color: #99cc00;font: normal 70% Verdana, Helvetica, sans-serif;line-height: 150%; }
/* <!-- */
#navigation { position:fixed;top:120px;right:20px;width:25%;}
#navigation ul { list-style-type:none;}
#navigation li { display:block; }
#navigation li a { padding:10px;margin:4px;font-size:20px;background:#37B6CE;color:#015666;float:right;text-align:right;}
#navigation li a:hover { margin:4px;font-size:20px;background:white;color:black;float:right;}
/* General styles */
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background-color:#336699;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
}
a {
	color:white;
}
a:hover {
	color:white;
	background:white;
	text-decoration:none;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin:10px 0 5px;
}
/* Header styles */
#header {
	position:fixed;
	clear:both;
	float:left;
	width:100%;
	background:white;
	/*display:none;*/
}
#header {
	position:fixed;
	clear:both;
	float:left;
	width:100%;
	height:130px;
	/*display:none;*/
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#header ul {
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:right;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		color:white;
		text-decoration:none;
		position:relative;
		font-size:15px;
		right:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		font-weight:bold;
		border:1px solid white;
	}
	#header ul li a span {
		display:block;
	}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;	/* width of whole page */
	height:100%;
	overflow:auto;		/* This chops off any overhanging divs */
}
.innerheader { height:120px; }
.innerfooter { height:140px;position:absolute;bottom:0px}
#forum { top:200px;font-size:20px;text-align:left;width:70%;position:absolute;left:15%;padding:20px; }
#topic { width:100%; }
#topic li { border-bottom:1px #333 dotted;display:block;font-size:15px;text-align:right;color:white;float:right; }
#topic a { text-decoration:none;border-bottom:1px #333 dotted;display:block;font-size:15px;color:white;float:left;width:95%;
	padding:10px; }
#topic a p { float:right;font-size:18px;clear:left;color:#99cc00;margin:0px; }
#topic a:hover{ color:orange;background:none; }
#topic a em { font-size:14px;color:#333; }
#topic a span {color:orange;font-size:20px}
#toplinks a span {color:white;font-size:20px}

#toplinks a { margin-bottom:10px;text-align:left;}
#toplinks a:hover{ margin-bottom:10px;background:black;color:white;}
/* Footer styles */
#footer { position:fixed;top:104px;color:#336699;clear:both;float:left;width:100%;padding-left:3%;padding-right:3%;}
#footer a { text-decoration:none;padding:6px;float:left;
	display:block;font-size:20px;text-align:center;
	color:#336699;}
#footer a:hover{ color:#336699; }
#footer span { padding:6px;font-size:20px;color:#336699;float:right;margin-right:6%;}
/* --> */
